// 监听浏览器大小改变刷新页面 防止样式混乱
$(window).bind('resize', function (e) {
    if (window.RT) clearTimeout(window.RT);
    window.RT = setTimeout(function () {
        this.location.reload(false); /* false to get page from cache */
    }, 200);
});

//自调用函数
(function () {
    // 1、页面一加载就要知道页面宽度计算
    var setFont = function () {
        // 因为要定义变量可能和别的变量相互冲突，污染，所有用自调用函数
        var html = document.documentElement;// 获取html
        // 获取宽度
        var width = html.clientWidth;

        // 判断
        if (width < 875) width = 875
        if (width > 1920) width = 1920
        // 设置html的基准值
        var fontSize = width / 80 + 'px';
        // 设置给html
        html.style.fontSize = fontSize;
    }
    setFont();
    // 2、页面改变的时候也需要设置
    // 尺寸改变事件
    window.onresize = function () {
        setFont();
    }
})();

(function () {
    play();

    runing()

    function runing() {
        setInterval(play, 1000);
    }

    function play() {

        var d1 = new Date();
        var y = d1.getFullYear();
        var m = ('0' + (d1.getMonth() + 1)).slice(-2);
        var d = ('0' + d1.getDate()).slice(-2);
        var h = d1.getHours();

        var i = ('0' + d1.getMinutes()).slice(-2);
        var s = ('0' + d1.getSeconds()).slice(-2);



        var temp = y + '年' + m + '月' + d + '日 ' + ' ' + h + ':' + i + ':' + s;

        document.getElementById('year').innerHTML = temp;
    }
})();
(function () {



    function runing() {
        setInterval(play, 1000);
    }


})();

//300配比分析
(function () {

    var swiper = [
        {
            a: "苍南(项廷峰)-曹峰",
            b: "2200",
            c: "170/200",
            d: "85",
            e: "128/200",
            f: "64",
            g: "120/200",
            h: "60",
        },
        {
            a: "苍南(项廷峰)-曹峰",
            b: "2040",
            c: "196/200",
            d: "98",
            e: "138/200",
            f: "69",
            g: "188/200",
            h: "44",
        },
        {
            a: "苍南(项廷峰)-曹峰",
            b: "4200",
            c: "120/200",
            d: "60",
            e: "120/200",
            f: "60",
            g: "120/200",
            h: "60",
        },
        {
            a: "苍南(项廷峰)-曹峰",
            b: "5270",
            c: "162/200",
            d: "81",
            e: "98/200",
            f: "49",
            g: "180/200",
            h: "90",
        },
        {
            a: "苍南(项廷峰)-曹峰",
            b: "4600",
            c: "138/200",
            d: "69",
            e: "146/200",
            f: "73",
            g: "108/200",
            h: "54",
        },
        {
            a: "苍南(项廷峰)-曹峰",
            b: "8200",
            c: "120/200",
            d: "60",
            e: "120/200",
            f: "60",
            g: "120/200",
            h: "60",
        },
        {
            a: "苍南(项廷峰)-曹峰",
            b: "4500",
            c: "90/200",
            d: "45",
            e: "132/200",
            f: "66",
            g: "122/200",
            h: "61",
        },
        {
            a: "苍南(项廷峰)-曹峰",
            b: "6700",
            c: "120/200",
            d: "60",
            e: "120/200",
            f: "60",
            g: "120/200",
            h: "60",
        },
        {
            a: "苍南(项廷峰)-曹峰",
            b: "9800",
            c: "186/200",
            d: "93",
            e: "118/200",
            f: "59",
            g: "176/200",
            h: "88",
        }
    ]


    swiper.forEach((item, index) => {
        $('.main .column .monitor .inner .content .marquee-view .marquee').append(
            `  <div class="row">
                    <span class="col">${item.a}</span>
                    <span class="col">${item.b}</span>
                    <span class="col" style="text-align: right;">${item.c}&nbsp;&nbsp;&nbsp;<span>${item.d}%</span></span>
                    <span class="col" style="text-align: right;">${item.e}&nbsp;&nbsp;&nbsp;<span>${item.f}%</span></span>
                    <span class="col" style="text-align: right;">${item.g}&nbsp;&nbsp;&nbsp;<span>${item.h}%</span></span>
                    <span class="icon-dot"></span>
                </div`)
        if (item.d >= 80) {
            $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(2).css('color', '#61a8ff')
        }
        if (item.f >= 80) {
            $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(3).css('color', '#61a8ff')
        }
        if (item.h >= 80) {
            $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(4).css('color', '#61a8ff')
        }
        if (item.d >= 50 && item.d <= 79) {
            $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(2).css('color', '#FCAC4C')
        }
        if (item.f >= 50 && item.f <= 79) {
            $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(3).css('color', '#FCAC4C')
        }
        if (item.h >= 50 && item.h <= 79) {
            $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(4).css('color', '#FCAC4C')
        }
        if (item.d >= 0 && item.d <= 49) {
            $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(2).css('color', '#FF0000')
        }
        if (item.f >= 0 && item.f <= 49) {
            $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(3).css('color', '#FF0000')
        }
        if (item.h >= 0 && item.h <= 49) {
            $('.main .monitor .inner .content .marquee-view .marquee .row').eq(index).find('.col').eq(4).css('color', '#FF0000')
        }

    })
})();

//318配比分析
(function () {

    var swiper2 = [
        {
            a: "东阳市(邓其香)-曹峰",
            b: "1200",
            c: "170/200",
            d: "85",
            e: "128/200",
            f: "64",
            g: "120/200",
            h: "60",
        },
        {
            a: "南昌市(邓其香)-曹峰",
            b: "9200",
            c: "162/200",
            d: "81",
            e: "98/200",
            f: "49",
            g: "180/200",
            h: "90",
        },
        {
            a: "赣州市(邓其香)-曹峰",
            b: "8200",
            c: "96/200",
            d: "48",
            e: "154/200",
            f: "77",
            g: "60/200",
            h: "30",
        },
        {
            a: "九江市(邓其香)-曹峰",
            b: "7200",
            c: "116/200",
            d: "58",
            e: "120/200",
            f: "60",
            g: "140/200",
            h: "70",
        },
        {
            a: "上饶市(邓其香)-曹峰",
            b: "6200",
            c: "186/200",
            d: "93",
            e: "118/200",
            f: "59",
            g: "176/200",
            h: "88",
        },
        {
            a: "抚州市(邓其香)-曹峰",
            b: "5200",
            c: "138/200",
            d: "69",
            e: "146/200",
            f: "73",
            g: "108/200",
            h: "54",
        },
        {
            a: "上海市(邓其香)-曹峰",
            b: "4200",
            c: "130/200",
            d: "65",
            e: "174/200",
            f: "87",
            g: "136/200",
            h: "68",
        },
        {
            a: "南京市(邓其香)-曹峰",
            b: "3200",
            c: "90/200",
            d: "45",
            e: "132/200",
            f: "66",
            g: "122/200",
            h: "61",
        },
        {
            a: "苏州市(邓其香)-曹峰",
            b: "2200",
            c: "196/200",
            d: "98",
            e: "138/200",
            f: "69",
            g: "188/200",
            h: "44",
        }
    ]

    swiper2.forEach((item, index) => {
        $('.main .monitor .inner .content .marquee-view .marquee2').append(
            `  <div class="row" >
                    <span class="col">${item.a}</span>
                    <span class="col">${item.b}</span>
                    <span class="col" style="text-align: right;">${item.c}&nbsp;&nbsp;&nbsp;<span>${item.d}%</span></span>
                    <span class="col" style="text-align: right;">${item.e}&nbsp;&nbsp;&nbsp;<span>${item.f}%</span></span>
                    <span class="col" style="text-align: right;">${item.g}&nbsp;&nbsp;&nbsp;<span>${item.h}%</span></span>
                    <span class="icon-dot"></span>
                </div`)
        if (item.d >= 80) {
            $('.main .monitor .inner .content .marquee-view .marquee2 .row').eq(index).find('.col').eq(2).css('color', '#61a8ff')
        }
        if (item.f >= 80) {
            $('.main .monitor .inner .content .marquee-view .marquee2 .row').eq(index).find('.col').eq(3).css('color', '#61a8ff')
        }
        if (item.h >= 80) {
            $('.main .monitor .inner .content .marquee-view .marquee2 .row').eq(index).find('.col').eq(4).css('color', '#61a8ff')
        }
        if (item.d >= 50 && item.d <= 79) {
            $('.main .monitor .inner .content .marquee-view .marquee2 .row').eq(index).find('.col').eq(2).css('color', '#FCAC4C')
        }
        if (item.f >= 50 && item.f <= 79) {
            $('.main .monitor .inner .content .marquee-view .marquee2 .row').eq(index).find('.col').eq(3).css('color', '#FCAC4C')
        }
        if (item.h >= 50 && item.h <= 79) {
            $('.main .monitor .inner .content .marquee-view .marquee2 .row').eq(index).find('.col').eq(4).css('color', '#FCAC4C')
        }
        if (item.d >= 0 && item.d <= 49) {
            $('.main .monitor .inner .content .marquee-view .marquee2 .row').eq(index).find('.col').eq(2).css('color', '#FF0000')
        }
        if (item.f >= 0 && item.f <= 49) {
            $('.main .monitor .inner .content .marquee-view .marquee2 .row').eq(index).find('.col').eq(3).css('color', '#FF0000')
        }
        if (item.h >= 0 && item.h <= 49) {
            $('.main .monitor .inner .content .marquee-view .marquee2 .row').eq(index).find('.col').eq(4).css('color', '#FF0000')
        }
    })
})();

//德尚 悦尚配比分析
(function () {

    var task = [
        [{
            a: "南昌店",
            b: "196/200",
            c: "98",
            d: "138/200",
            e: "69",
            f: "188/200",
            g: "44",
        },
        {
            a: "九江店",
            b: "90/200",
            c: "45",
            d: "132/200",
            e: "66",
            f: "122/200",
            g: "61",
        },
        {
            a: "赣州店",
            b: "96/200",
            c: "48",
            d: "154/200",
            e: "77",
            f: "60/200",
            g: "30",
        }],
        [{
            a: "上海店",
            b: "116/200",
            c: "58",
            d: "120/200",
            e: "60",
            f: "140/200",
            g: "70",
        },
        {
            a: "上饶店",
            b: "90/200",
            c: "45",
            d: "132/200",
            e: "66",
            f: "122/200",
            g: "61",
        },
        {
            a: "福州店",
            b: "130/200",
            c: "65",
            d: "174/200",
            e: "87",
            f: "136/200",
            g: "68",
        }],
        [{
            a: "进贤店",
            b: "138/200",
            c: "69",
            d: "146/200",
            e: "73",
            f: "108/200",
            g: "54",
        },
        {
            a: "苏州店",
            b: "130/200",
            c: "65",
            d: "130/200",
            e: "65",
            f: "130/200",
            g: "65",
        },
        {
            a: "无锡店",
            b: "70/200",
            c: "35",
            d: "170/200",
            e: "85",
            f: "190/200",
            g: "95",
        }]
    ]

    var i = 0
    task[i].forEach((item, index) => {
        $('.monitor .inner .content .marquee-view .change').append(
            `  <div class="row">
                    <span class="col">${item.a}</span>
                    <span class="col"  style="text-align: right;">${item.b}&nbsp;&nbsp;&nbsp;<span>${item.c}%</span></span>
                    <span class="col"  style="text-align: right;">${item.d}&nbsp;&nbsp;&nbsp;<span>${item.e}%</span></span>
                    <span class="col"  style="text-align: right;">${item.f}&nbsp;&nbsp;&nbsp;<span>${item.g}%</span></span>
                    <span class="icon-dot"></span>
                </div`)
        if (item.c >= 80) {
            $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(1).css('color', '#61a8ff')
        }
        if (item.e >= 80) {
            $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(2).css('color', '#61a8ff')
        }
        if (item.g >= 80) {
            $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(3).css('color', '#61a8ff')
        }
        if (item.c >= 50 && item.c <= 79) {
            $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(1).css('color', '#FCAC4C')
        }
        if (item.e >= 50 && item.e <= 79) {
            $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(2).css('color', '#FCAC4C')
        }
        if (item.g >= 50 && item.g <= 79) {
            $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(3).css('color', '#FCAC4C')
        }
        if (item.c >= 0 && item.c <= 49) {
            $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(1).css('color', '#FF0000')
        }
        if (item.e >= 0 && item.e <= 49) {
            $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(2).css('color', '#FF0000')
        }
        if (item.g >= 0 && item.g <= 49) {
            $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(3).css('color', '#FF0000')
        }

    })
    var time = setInterval(function () {
        $('.monitor .inner .content .marquee-view .change').find('.row').remove()
        task[i].forEach((item, index) => {

            $('.monitor .inner .content .marquee-view .change').append(
                `  <div class="row">
                <span class="col">${item.a}</span>
                <span class="col"  style="text-align: right;">${item.b}&nbsp;&nbsp;&nbsp;<span>${item.c}%</span></span>
                <span class="col"  style="text-align: right;">${item.d}&nbsp;&nbsp;&nbsp;<span>${item.e}%</span></span>
                <span class="col"  style="text-align: right;">${item.f}&nbsp;&nbsp;&nbsp;<span>${item.g}%</span></span>
                <span class="icon-dot"></span>
                            </div`)
            if (item.c >= 80) {
                $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(1).css('color', '#61a8ff')
            }
            if (item.e >= 80) {
                $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(2).css('color', '#61a8ff')
            }
            if (item.g >= 80) {
                $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(3).css('color', '#61a8ff')
            }
            if (item.c >= 50 && item.c <= 79) {
                $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(1).css('color', '#FCAC4C')
            }
            if (item.e >= 50 && item.e <= 79) {
                $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(2).css('color', '#FCAC4C')
            }
            if (item.g >= 50 && item.g <= 79) {
                $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(3).css('color', '#FCAC4C')
            }
            if (item.c >= 0 && item.c <= 49) {
                $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(1).css('color', '#FF0000')
            }
            if (item.e >= 0 && item.e <= 49) {
                $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(2).css('color', '#FF0000')
            }
            if (item.g >= 0 && item.g <= 49) {
                $('.monitor .inner .content .marquee-view .change .row').eq(index).find('.col').eq(3).css('color', '#FF0000')
            }
        })
        i++
        if (i == 3) {
            i = 0
        }

    }, 3000);
})();

(function () {
    //事件委托
    $('.monitor').on('click', ' a', function () {
        //点击当前的a 加类名 active  他的兄弟删除类名
        $(this).addClass('active').siblings().removeClass('active');
        //获取一一对应的下标 
        var index = $(this).index();
        //选取content 然后狗日对应下标的 显示   当前的兄弟.content隐藏
        $('.content').eq(index).show().siblings('.content').hide();
    });
    //滚动
    //原理：把marquee下面的子盒子都复制一遍 加入到marquee中
    //      然后动画向上滚动，滚动到一半重新开始滚动
    //因为选取的是两个marquee  所以要遍历
    $('.monitor .marquee').each(function (index, dom) {
        //将每个 的所有子级都复制一遍
        var rows = $(dom).children().clone();
        //再将新的到的加入原来的
        $(dom).append(rows);
    });
    $('.monitor .marquee2').each(function (index, dom) {
        //将每个 的所有子级都复制一遍
        var rows = $(dom).children().clone();
        //再将新的到的加入原来的
        $(dom).append(rows);
    });

})();

//产品种类销售统计图
// (function () {
//     var myechart = echarts.init($('.pie')[0]);
//     option = {
//         // 控制提示
//         tooltip: {
//             // 非轴图形，使用item的意思是放到数据对应图形上触发提示
//             trigger: 'item',
//             // 格式化提示内容：
//             // a 代表图表名称 b 代表数据名称 c 代表数据  d代表  当前数据/总数据的比例
//             formatter: "{a} <br/> {b} : {c}万"
//         },
//         // 控制图表
//         series: [
//             {
//                 // 图表名称
//                 name: '产品种类',
//                 // 图表类型
//                 type: 'pie',
//                 zoom: 6,
//                 // 南丁格尔玫瑰图 有两个圆  内圆半径10%  外圆半径70%
//                 // 百分比基于  图表DOM容器的半径
//                 radius: '90%',
//                 // 图表中心位置 left 50%  top 50% 距离图表DOM容器
//                 center: ['50%', '50%'],
//                 // 半径模式，另外一种是 area 面积模式
//                 // roseType: 'radius',
//                 // 数据集 value 数据的值 name 数据的名称
//                 data: [
//                     { value: 3600, name: '总量' },
//                     { value: 1800, name: '占比' },
//                 ],
//                 //文字调整
//                 // label: {
//                 //     fontSize: 15
//                 // },
//                 //引导线
//                 // labelLine: {
//                 //     length: 8,
//                 //     length2: 10
//                 // }
//             }
//         ],
//         color: ['#FDB301', '#F87127',]
//     };
//     myechart.setOption(option);
// })();
//产品种类销售统计图
// (function () {
//     var myechart = echarts.init($('.pie2')[0]);
//     option = {
//         // 控制提示
//         tooltip: {
//             // 非轴图形，使用item的意思是放到数据对应图形上触发提示
//             trigger: 'item',
//             // 格式化提示内容：
//             // a 代表图表名称 b 代表数据名称 c 代表数据  d代表  当前数据/总数据的比例
//             formatter: "{a} <br/> {b} : {c}万"
//         },
//         // 控制图表
//         series: [
//             {
//                 // 图表名称
//                 name: '产品种类',
//                 // 图表类型
//                 type: 'pie',
//                 zoom: 6,
//                 // 南丁格尔玫瑰图 有两个圆  内圆半径10%  外圆半径70%
//                 // 百分比基于  图表DOM容器的半径
//                 radius: '90%',
//                 // 图表中心位置 left 50%  top 50% 距离图表DOM容器
//                 center: ['50%', '50%'],
//                 // 半径模式，另外一种是 area 面积模式
//                 // roseType: 'radius',
//                 // 数据集 value 数据的值 name 数据的名称
//                 data: [
//                     { value: 3600, name: '总量' },
//                     { value: 1800, name: '占比' },
//                 ],
//                 //文字调整
//                 // label: {
//                 //     fontSize: 15
//                 // },
//                 //引导线
//                 // labelLine: {
//                 //     length: 8,
//                 //     length2: 10
//                 // }
//             }
//         ],
//         color: ['#FDB301', '#F87127',]
//     };
//     myechart.setOption(option);
// })();

// 季度考核
// (function () {
//     // 中间省略的数据  准备三项
//     // var item = { 
//     //     name: '',
//     //     value: 120,
//     //     // 柱子颜色
//     //     itemStyle: {
//     //         color: '#254065'
//     //     },
//     //     // 鼠标经过柱子颜色
//     //     emphasis: {
//     //         itemStyle: {
//     //             color: '#254065'
//     //         }
//     //     },
//     //     // 工具提示隐藏
//     //     tooltip: {
//     //         extraCssText: 'opacity:0'
//     //     }
//     // };
//     option = {
//         legend: {
//             textStyle: {
//                 color: '#FFFFFF'
//             },
//         },
//         tooltip: {},
//         color: ['#37A9FD', '#BF3EFF'],
//         textStyle: {
//             color: '#FFFFFF'
//         },
//         dataset: {
//             dimensions: ['product', '金额', '目标'],
//             source: [
//                 { product: '一组', '金额': 43.3, '目标': 85.8 },
//                 { product: '二组', '金额': 83.1, '目标': 73.4 },
//                 { product: '三组', '金额': 86.4, '目标': 65.2 },
//                 { product: '四组', '金额': 72.4, '目标': 53.9 },
//                 { product: '五组', '金额': 43.3, '目标': 85.8 },
//                 { product: '六组', '金额': 83.1, '目标': 73.4 },
//                 { product: '七组', '金额': 86.4, '目标': 65.2 },
//                 { product: '八组', '金额': 72.4, '目标': 53.9 },
//                 { product: '九组', '金额': 72.4, '目标': 53.9 },
//                 { product: '十组', '金额': 72.4, '目标': 53.9 },
//                 { product: '江苏大区', '金额': 72.4, '目标': 53.9 },
//                 { product: '贵州大区', '金额': 72.4, '目标': 53.9 },
//                 { product: '安徽大区', '金额': 72.4, '目标': 53.9 },
//             ]
//         },
//         xAxis: {
//             type: 'category',
//             axisLabel: {
//                 interval: 0,
//                 rotate: -40
//             }
//         },
//         yAxis: {
//             min: 0,
//             max: 250,
//             interval: 50,
//             axisLabel: {
//                 formatter: '{value} 万'
//             }
//         },
//         // Declare several bar series, each will be mapped
//         // to a column of dataset.source by default.
//         series: [
//             { type: 'bar' },
//             { type: 'bar' },
//         ]
//     };
//     var myechart = echarts.init($('.bar')[0]);
//     myechart.setOption(option);
// })();

// 一季度销售进度
// (function () {
//     var option = {
//         series: [
//             {
//                 type: 'pie',
//                 radius: ['130%', '150%'],  // 放大图形
//                 center: ['50%', '80%'],    // 往下移动  套住75%文字
//                 label: {
//                     show: false,
//                 },
//                 startAngle: 180,
//                 hoverOffset: 0,  // 鼠标经过不变大
//                 data: [
//                     {
//                         value: 280,
//                         itemStyle: { // 颜色渐变#00c9e0->#005fc1
//                             color: {
//                                 type: 'linear',
//                                 x: 0,
//                                 y: 0,
//                                 x2: 0,
//                                 y2: 1,
//                                 colorStops: [
//                                     { offset: 0, color: '#d4dc00' },
//                                     { offset: 1, color: '#00c3dc' },
//                                     // { offset: 2, color: '#d4dc00' },
//                                     // { offset: 3, color: '#e16500' }
//                                 ]
//                             }
//                         }
//                     },
//                     { value: 100, itemStyle: { color: '#12274d' } }, // 颜色#12274d

//                     { value: 370, itemStyle: { color: 'transparent' } }// 透明隐藏第三块区域
//                 ]
//             }
//         ]
//     };
//     var myechart = echarts.init($('.gauge')[0]);
//     myechart.setOption(option);
// })();



// 水球图
// (function () {
//     var myChart = echarts.init(document.getElementById('waterChart'));
//     var option = {
//         series: [{
//             type: 'liquidFill',
//             name: '', // 系列名称，用于tooltip的显示，legend 的图例筛选
//             radius: '70%', // 水球图的半径
//             data: [0.6],
//             color: ['#00FFFF'],
//             outline: {
//                 show: true,
//                 // borderDistance: 0, // 边框线与图表的距离 数字
//                 itemStyle: {
//                     // opacity: 1, // 边框的透明度   默认为 1
//                     borderWidth: 3, // 边框的宽度
//                     shadowBlur: 1, // 边框的阴影范围 一旦设置了内外都有阴影
//                     // shadowColor: '#fff', // 边框的阴影颜色,
//                     borderColor: '#254387' // 边框颜色
//                 }
//             },
//             backgroundStyle: {
//                 color: '#052245', // 水球未到的背景颜色
//                 // opacity: 0.5
//             },
//             label: {
//                 normal: {
//                     textStyle: {
//                         color: '#FFFFFF', //字体颜色
//                         insideColor: '#FFFFFF', //波浪划过文字颜色
//                         fontSize: 50,//字体大小
//                     }
//                 }
//             }
//         }]
//     };
//     // 使用刚指定的配置项和数据显示图表。
//     myChart.setOption(option);
// })();

//各省热榜
// (function () {
//     var data = [
//         { name: '可爱多', num: '9,086' },
//         { name: '娃哈哈', num: '8,341' },
//         { name: '喜之郎', num: '7,407' },
//         { name: '八喜', num: '6,080' },
//         { name: '小洋人', num: '6,724' },
//         { name: '好多鱼', num: '2,170' },
//     ]
//     $('.inner').on('mouseenter', '.sup li', function () {
//         $(this).addClass('active').siblings().removeClass('active');
//         //获取随机的值  sort方法 是给数组排序 a-b是从小到大
//         //.5-随机0-1的数 可能为正可能为负 排序就会随机
//         var radomData = data.sort(function (a, b) { return 0.5 - Math.random() });
//         var html = '';
//         radomData.forEach(function (item) {
//             html += `<li><span>${item.name}</span><span>${item.num} <s class="icon-up"></s></span></li>`;
//         });
//         //渲染
//         $('.sub').html(html);
//     });
//     $('.province .sup li').eq(0).mouseenter();
//     var index = 0;
//     var timer = setInterval(() => {
//         index++;
//         if (index > 6) {
//             index = 0;
//         }
//         $('.sup li').eq(index).mouseenter();
//     }, 2000);
// })();
